
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Fashion Girl</title>
        <link href="public/CSS/Style2.css" rel="stylesheet" type="text/css" />
        
        <link rel="stylesheet" type="text/css" media="all" href="style.css" />
        <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" media="all" href="css/containtSliders.css" />
         <script type="text/javascript" src="public/jc/jquery-1.2.6.min.js"></script>
         <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
        <script type="text/javascript">
            function slideSwitch() {
                var $active = $('#baner IMG.active');
                if ($active.length == 0)
                    $active = $('#baner IMG:last');
                var $next = $active.next().length ? $active.next()
                        : $('#baner IMG:first');
                $active.addClass('last-active');
                $next.css({opacity: 0.0})
                        .addClass('active')
                        .animate({opacity: 1.0}, 1000, function() {
                    $active.removeClass('active last-active');
                });
            }
            $(function() {
                setInterval("slideSwitch()", 3000);
            });
         </script>

       
         <?php
        require_once 'model/db.php';
        require_once 'model/works.php';
        require_once 'template/pagination.php';
        $works = new works();
        $paginations = new pagination();
        ?>
       
    </head>
    <body style="background-color: #ffefe9;">
        <div class="chung">
            <?php include 'template/header.php'; ?>
            <div class="content">
                <div class="r1">
                <div class="left">
                    <div style="float: left ; color: black ; margin: 0 auto ; padding: 5px ; font-size: 14pt">
                    <i>
                    Việc lựa chọn trang phục đẹp, phù hợp không những khiến bạn duyên dáng hơn trong mắt mọi người mà
                            còn giúp bạn tự tin hơn trong giao tiếp hằng ngày. Hơn nữa, khi chất lượng cuộc sống ngày càng nâng
                            cao thì "mặc đẹp" dần trở thành một trong những nhu cầu thiết
                            yếu của con người. Đến với website <a href="#"; style="text-decoration: none ; color: white" >GirlShop.com</a>, bạn có thể chọn cho mình những bộ cánh ưng ý với nhiều thiết kế và kiểu dáng đẹp mắt.
                            Bên cạnh đó, website cũng tư vấn những bí quyết giúp bạn chọn quần áo và kết hợp phụ kiện sao cho
                            phù hợp với vóc dáng, khiến bạn trở nên nổi bật hơn trong mỗi lần xuất hiện.
                   </i>
                </div>
                    <a href="#"><img src="public/Images2/title1.jpg" /> </a> <br>
             <div id="baner">
                    <img src="public/Images2/h8.jpg" alt="" class="active"/>
                    <img src="public/Images2/h1.jpg" alt=""  />
                    <img src="public/Images2/h2.jpg" alt=""  />
                    <img src="public/Images2/h3.jpg" alt=""  />
                    <img src="public/Images2/h6.jpg" alt=""  />
                    <img src="public/Images2/h7.jpg" alt=""  />
                    <img src="public/Images2/h5.jpg" alt=""  />
                    
             </div>
   <div class="title2"> <a href="#"><img src="public/Images2/title2.jpg" /> </a></div> <br>
                       
                          <?php
                        if (!isset($_GET["page"]))
                            $page = 1;
                        else
                            $page = $_GET["page"];
                        //$list = $works->selectW($page);
                        $result1 = $works->selectW1($page);
                        $result2 = $works->selectW2($page);
                        $result3 = $works->selectW3($page);
                        $result4 = $works->selectW4($page);
                        $total = $works->countW();
                      
                        ?><br>
                <table border="0px" align="center">
                    <tr>
                        <td align="center" style="border: 1px">
                            <?php foreach ($result1 as $item1):?>
                            <a class="row" href="view.php?id=<?php echo $item1['id']?>">
                            <img src="<?php echo $item1['image']?>" width="150px" height="200px"  style="border: 2px solid #660000"><br><br>
                            <?php echo $item1['name'];?><br>
                                <a style="color: #333333; text-decoration: none"><?php echo $item1['price'];?></a>
                            </a>
                            <?php endforeach;?>
                        </td>
                        <td align="center" style="border: 1px">
                            <?php foreach ($result2 as $item2):?>
                           <a class="row" href="view.php?id=<?php echo $item2['id']?>">
                            <img src="<?php echo $item2['image']?>" width="150px" height="200px" style="border: 2px solid #660000"><br><br>
                            <?php echo $item2['name'];?><br>
                            <a style="color: #333333; text-decoration: none"><?php echo $item2['price'];?></a>
                            </a>
                            <?php endforeach;?>
                        </td>
                        <td align="center" style="border: 1px">
                            <?php foreach ($result3 as $item3):?>
                           <a class="row" href="view.php?id=<?php echo $item3['id']?>">
                            <img src="<?php echo $item3['image']?>" width="150px" height="200px"  style="border: 2px solid #660000"><br><br>
                            <?php echo $item3['name'];?><br>
                            <a style="color: #333333; text-decoration: none "><?php echo $item3['price'];?></a>
                            </a>
                            <?php endforeach;?>
                        </td>
                        
                        
                        </tr>
                </table><br>
               
  
                </div>
                    </div>
                <div class="right">
                    <div class="r1"> <div class="t1"><img src="public/Images2/title3.jpg"</div> 
                        <div class="ndleft">
                            <ul>
                                <li><img src="public/Images2/icon.jpg" /><a href='index.php'>HOME</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="#">PROMOTIONS</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="product.php">PRODUCT</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="contact.php">CONTACT</a></li>
                                <img src="public/Images2/hr.jpg" />
                            </ul>
                        </div>
                    </div>


                </div><br><br><br>
                <div class="right2"><br>
                    <div class="r2"> <div class="t1"><div class="t2"><img src="public/Images2/title4.jpg"</div></div>
                        <div class="ndleft">
                            <ul>
                                <li><img src="public/Images2/icon.jpg" /><a href='#'>XU HƯỚNG</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="#">PHONG CÁCH</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="#">LỰA CHỌN MỚI</a></li>
                                <img src="public/Images2/hr.jpg" />
                                <li><img src="public/Images2/icon.jpg" /><a href="#">CHIA SẺ</a></li>
                                <img src="public/Images2/hr.jpg" />
                            </ul>
                        </div>
                        <br><br>
                                <div class="swf">
                                  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="160" height="480" id="FlashID" title="poster">
                                    <param name="movie" value="public/Images2/De KT (2).swf">
                                    <param name="quality" value="high">
                                    <param name="wmode" value="opaque">
                                    <param name="swfversion" value="8.0.35.0">
                                    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                                    <param name="expressinstall" value="Scripts/expressInstall.swf">
                                    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                                    <!--[if !IE]>-->
                                    <object type="application/x-shockwave-flash" data="public/Images2/De KT (2).swf" width="160" height="480">
                                      <!--<![endif]-->
                                      <param name="quality" value="high">
                                      <param name="wmode" value="opaque">
                                      <param name="swfversion" value="8.0.35.0">
                                      <param name="expressinstall" value="Scripts/expressInstall.swf">
                                      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                                      <div>
                                        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                                      </div>
                                      <!--[if !IE]>-->
                                    </object>
                                    <!--<![endif]-->
                                  </object>
                                </div>
                       
                </div>
                <div style="clear: both">&nbsp;</div>
            </div>
        </div>
        <?php include 'template/footer.php'; ?>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
    </body>
</html>

